import React, { Component } from 'react'
// 1.创建上下文对象
const ThemeContext = React.createContext()
class MyButton extends Component {
  // 3.如果后代组件是一个类组件 Class.contextType 完成取值
  // 可以通过  this.context 得到组件组件的值
  static contextType = ThemeContext;
  render () {
    return (
      <div>
        { this.context }
        <button>1</button>
      </div>
    )
  }
}
class ToolBar extends Component {
  render () {
    return (
      <MyButton></MyButton>
    )
  }
}
export default class App extends Component {
  render() {
    return (
      <div>
        {/* 2.祖先组件传递数据
          通过上下文对象 的Provider组件完成传值，必须通过value属性传值
        */}
        <ThemeContext.Provider value="light">
          <ToolBar/>
        </ThemeContext.Provider>
      </div>
    )
  }
}
